/* Used as mixins through css module's `compose` */
.rounded-border {
	border: 1px solid var(--color-gray-300);
	border-radius: var(--size-xSmall);
}

/* from https://gist.github.com/pandauxstudio/d91860cbdfc2d12526ce04f8c4eb829b */
.hide-scrollbar {
	/* There is a CSS rule that can hide scrollbars in IE 10+. */
	-ms-overflow-style: none;

	/* There used to be a CSS rule that could hide scrollbars in Firefox, but it has since been deprecated. */
	scrollbar-width: none;

	/* https://blogs.msdn.microsoft.com/kurlak/2013/11/03/hiding-vertical-scrollbars-with-pure-css-in-chrome-ie-6-firefox-opera-and-safari/ */
	/* There is a CSS rule that can hide scrollbars in Webkit-based browsers (Chrome and Safari). */
	&::-webkit-scrollbar {
		width: 0 !important;
	}
}